<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>专业维修</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="layui/layui/css/layui.css"  media="all">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="layui/layui/css/layui.css"  media="all">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
<link href="css/font-awesome.css" rel="stylesheet">
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta property="og:title" content="Vide" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Best Hotel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!---->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!---->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Nunito:400,700,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300' rel='stylesheet' type='text/css'>
  
  <style>
    .set_btn{width: 240px;height: 54px;background-color: #f17f79;border-bottom: 3px solid #a94f4a;border-radius: 5px;
    text-align: center;line-height: 54px;color: #ffffff;font-size: 18px;cursor: pointer;margin: 0 auto; }
    .excezi{margin-top: 30px;}
    .excezi li{width: 300px;text-align: center;float: left;height: 210px;overflow: hidden;}
    .exce_head{position: relative;margin-top: 8px;}
    .exce_head i{width: 110px;height: 110px;display: block;background-image: url("../img/spec_icon01.png");left: 50%;margin-left: -55px;
        background-position:-658px 0 ;position: absolute;top: -5px;}
    .exce_head img{width: 100px;height: 100px;border-radius: 50px;}
    .exce_name{font-size: 16px;color: #333333;padding-top: 7px;padding-bottom: 5px;}
    .exce_name span{color: #ff5000;font-size: 15px;}
    .stars{background-image: url("../img/spec_icon01.png");width: 90px;height: 14px;display: inline-block;}
    .exce_jj{color: #333333;padding-bottom: 10px;width: 235px;margin: 0 auto;}
    .azeasy{background-image: url("../img/spec_icon01.png");background-position:-539px -131px ;width: 270px;height: 45px;display: inline-block;}
    .ensure{text-align: center;}
    .ensure_p{padding: 10px 0 10px 0;font-size: 16px;color: #333333;}
    .ensure_p1{padding-bottom: 25px;font-size: 16px;color: #333333;}
  .excellent{background-color: #f7f7f7;}
  .clearfix:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden;}
  .set_bg{background-position: center;background-size: cover;width: 100%;position: relative;-moz-box-sizing: border-box;;-webkit-box-sizing: border-box;
    box-sizing: border-box;min-width: 1200px;}
  .mrn{width: 1200px;height: auto;margin: 0 auto;min-width: 1200px;}
  .set_date{padding-left: 326px;margin-top: 28px;font-size: 16px;color: #666666;}
  .mrn-content li { float: left; width: 33.33%;font-size: 18px;font-family: "微软雅黑";color: #4e9d09;text-align: center;margin-top: 120px;}
  .clearfix { zoom: 1;}
  .fl { float: left;}
  .wx_h1{font-size: 20px;color: #333333;font-weight: 100;line-height: 40px;height: 40px;padding-top: 20px;text-align: center;}
  .wx_tit{height: 46px;width: 200px;border: 1px solid #ff5000;margin: 30px auto 20px auto;border-radius:23px; line-height: 40px;font-size: 20px;color: #ff5000}
  .wx_tit i{width: 40px;height: 40px;text-align: center;line-height: 40px;color: #ffffff;margin-right: 25px!important;
    background-color: #ff5000;display: inline-block;border-radius: 20px;margin-top: 3px;margin-left: 4px;}
  .wx_tit_h2{display: inline-block;font-size: 20px;}
  .wx_vs{height: 200px;width:600px;position: relative;}
  .wx_vs div{border:1px solid #dedede;padding: 4px;width: 269px;float: left}
  .wx_vs i{background-image: url("../img/foot/spec_icon01.png");width: 50px;height: 70px;display: block;
    background-position: 0 -391px;top: 50%;margin-top: -35px;left: 50%;margin-left:-25px;position: absolute;}
  .wx_xz{margin: 0 10px 0 26px!important;}
  </style>
</head>
<body>         
<ul class="layui-nav">
  <li class="layui-nav-item"><a href="index.html">首页</a></li>
  <li class="layui-nav-item  layui-this"><a href="weixiu.html">专业维修</a></li>
  <li class="layui-nav-item"><a href="">服务</a></li>
  <li class="layui-nav-item">
        <a href="javascript:;">个人中心</a>
        <dl class="layui-nav-child">
          <dd><a href="">登录</a></dd>
          <dd><a href="registe1.html">注册</a></dd>
        </dl>
      </li>
  <li class="layui-nav-item"><a href="">关于我们</a></li>
</ul>
<div style="width:100%">
<div class="set_bg" style="background-image: url(img/wx_bg01.jpg);height: 260px"></div>
<div class="set_bg" style="background-image: url(img/wx_bg02.jpg);height: 300px;border: 1px solid transparent">
    <div class="mrn" >
        <ul class="mrn-content">
            <li><span class="num"></span>维修师傅 </br><span class="two">覆盖乌鲁木齐多个地区</span></li>
            <li><span class="num"></span>为客户</br> <span class="two">提供完美的维修解决方案</span></li>
            <li><span class="num"></span>完美解决</br><span class="two">所有维修订单</span></li>
        </ul>
    </div> 
</div>
</div>
<div class="mrn">
        <div class="setline" style="width: 340px;">
                <i style="height: 1px;top: 0;width: 40px;"></i>
        </div>
    <ul>
        <li class="clearfix">
            <div class="wx_tit">
                <i>01</i>
                <h2 class="wx_tit_h2">皮具修复</h2>
            </div>
            <div class="wx_vs clearfix fl ">
                <div class="wx_xz"><img alt="真皮旧沙发翻新换皮对比图前"
                                        src="img/spec_img01.jpg"
                                        width="259" height="192"></div>
                <div><img alt="真皮旧沙发翻新换皮对比图后"
                          src="img/spec_img02.jpg"
                          width="259" height="192"></div>
                <i></i>
            </div>
            <div class="wx_vs clearfix fl">
                <div class="wx_xz"><img alt="真皮沙发脚补漆修复对比图前"
                                        src="img/spec_img03.jpg"
                                        width="259" height="192"></div>
                <div><img alt="真皮沙发脚补漆修复对比图后"
                          src="img/spec_img04.jpg"
                          width="259" height="192"></div>
                <i></i>
            </div>

        </li>
        <li class="clearfix">
            <div class="wx_tit" style="border:1px solid #f8a901;color: #f8a901">
                <i style="background-color: #f8a901">02</i>
                <h2 class="wx_tit_h2">漆面修复</h2>
            </div>
            <div class="wx_vs clearfix fl ">
                <div class="wx_xz"><img alt="板式复合板家具爆边裂缝修补对比图前"
                                        src="img/spec_img05.jpg"
                                        width="259" height="192"></div>
                <div><img alt="板式复合板家具爆边裂缝修补对比图后"
                          src="img/spec_img06.jpg"
                          width="259" height="192"></div>
                <i></i>
            </div>
            <div class="wx_vs clearfix fl">
                <div class="wx_xz"><img alt="实木家具漆面掉漆修补复原对比图前"
                                        src="img/spec_img07.jpg"
                                        width="259" height="192"></div>
                <div><img alt="实木家具漆面掉漆修补复原对比图后"
                          src="img/spec_img08.jpg"
                          width="259" height="192"></div>
                <i></i>
            </div>
        </li>
        <li class="clearfix">
            <div class="wx_tit" style="border:1px solid #348be5;color: #348be5">
                <i style="background-color:#348be5 ">03</i>
                <h2 class="wx_tit_h2">理石修复</h2>
            </div>
            <div class="wx_vs clearfix fl ">
                <div class="wx_xz"><img alt="大理石桌面刮花修复维修对比图前"
                                        src="img/spec_img09.jpg"
                                        width="259" height="192"></div>
                <div><img alt="大理石桌面刮花修复维修对比图后"
                          src="img/spec_img10.jpg"
                          width="259" height="192"></div>
                <i></i>
            </div>
            <div class="wx_vs clearfix fl">
                <div class="wx_xz"><img alt="大理石台面损伤断裂修复处理对比图前"
                                        src="img/spec_img11.jpg"
                                        width="259" height="192"></div>
                <div><img alt="大理石台面损伤断裂修复处理对比图后"
                          src="img/spec_img12.jpg"
                          width="259" height="192"></div>
                <i></i>
            </div>
        </li>
        <li class="clearfix">
            <div class="wx_tit" style="border:1px solid #00abb0;color: #00abb0">
                <i style="background-color: #00abb0">04</i>
                <h2 class="wx_tit_h2">玻璃修复</h2>
            </div>
            <div class="wx_vs clearfix fl ">
                <div class="wx_xz"><img alt="钢化玻璃桌面孔洞划痕修复对比图前"
                                        src="img/spec_img13.jpg"
                                        width="259" height="192"></div>
                <div><img alt="钢化玻璃桌面孔洞划痕修复对比图后"
                          src="img/spec_img14.jpg"
                          width="259" height="192"></div>
                <i></i>
            </div>
            <div class="wx_vs clearfix fl">
                <div class="wx_xz"><img alt="玻璃茶几台面破碎维修更换对比图前"
                                        src="img/spec_img15.jpg"
                                        width="259" height="192"></div>
                <div><img alt="玻璃茶几台面破碎维修更换对比图后"
                          src="img/spec_img16.jpg"
                          width="259" height="192"></div>
                <i></i>
            </div>
        </li>
    </ul>
</div>      
<div class="excellent">
        <div class="mrn">
            <h2 class="wx_h1 yahei1">优秀维修师傅展示</h2>
            <div class="setline" style="width: 120px;">
                <i style="height: 1px;top: 0;"></i>
            </div>
            <ul class="excezi clearfix">
                                <li>
                        <div class="exce_head">
                            <i></i>
                            <img  alt="卢师傅" src="img/00.jpg"/>
                        </div>
                        <p class="exce_name">卢师傅<span>(入行10年)</span></p>
                        <i class="stars" style="background-position: -536px -5px;"></i>
                        <p class="exce_jj">"仔细了解用户订单需求，以最好的技术服务客户。"</p>
                    </li>
                                <li>
                        <div class="exce_head">
                            <i></i>
                            <img  alt="钱师傅" src="img/01.jpg"/>
                        </div>
                        <p class="exce_name">钱师傅<span>(入行6年)</span></p>
                        <i class="stars" style="background-position: -536px -5px;"></i>
                        <p class="exce_jj">"优质的服务，合理的价格，精堪的技术为您提供完美的售后服务。"</p>
                    </li>
                                <li>
                        <div class="exce_head">
                            <i></i>
                            <img  alt="何师傅" src="img/02.jpg"/>
                        </div>
                        <p class="exce_name">何师傅<span>(入行14年)</span></p>
                        <i class="stars" style="background-position: -536px -5px;"></i>
                        <p class="exce_jj">"维修经验丰厚，技术可以保证，值得信赖的售后服务。"</p>
                    </li>
                                <li>
                        <div class="exce_head">
                            <i></i>
                            <img  alt="康师傅" src="img/03.jpg"/>
                        </div>
                        <p class="exce_name">康师傅<span>(入行10年)</span></p>
                        <i class="stars" style="background-position: -536px -5px;"></i>
                        <p class="exce_jj">"你们的满意就是我在服务中获得的最大收获！"</p>
                    </li>
                                <li>
                        <div class="exce_head">
                            <i></i>
                            <img  alt="李师傅" src="img/04.jpg"/>
                        </div>
                        <p class="exce_name">李师傅<span>(入行5年)</span></p>
                        <i class="stars" style="background-position: -536px -5px;"></i>
                        <p class="exce_jj">"实实在在干活，踏踏实实拿钱，合作共赢。"</p>
                    </li>
                                <li>
                        <div class="exce_head">
                            <i></i>
                            <img  alt="白师傅" src="img/05.jpg"/>
                        </div>
                        <p class="exce_name">白师傅<span>(入行5年)</span></p>
                        <i class="stars" style="background-position: -536px -5px;"></i>
                        <p class="exce_jj">"我会以最认真的态度对待每一次服务！"</p>
                    </li>
                                <li>
                        <div class="exce_head">
                            <i></i>
                            <img  alt="刘师傅" src="img/06.jpg"/>
                        </div>
                        <p class="exce_name">刘师傅<span>(入行5年)</span></p>
                        <i class="stars" style="background-position: -536px -5px;"></i>
                        <p class="exce_jj">"服务让用户放心，与你们共同成长，只有你们成长了，我们才有动力。"</p>
                    </li>
                                <li>
                        <div class="exce_head">
                            <i></i>
                            <img  alt="曹师傅" src="img/07.jpg"/>
                        </div>
                        <p class="exce_name">曹师傅<span>(入行10年)</span></p>
                        <i class="stars" style="background-position: -536px -5px;"></i>
                        <p class="exce_jj">"选师傅，除了精湛的技术，还更需要良好的沟通能力！"</p>
                    </li>
                
            </ul>
        </div>
    </div>
    <div class="mrn ensure">
        <h2 class="wx_h1 yahei1">师傅承诺和服务保障</h2>
        <div class="setline" style="width: 140px;">
            <i style="height: 1px;top: 0;"></i>
        </div>
        <p class="ensure_p">保证让客户满意、按时完成服务、服务价格合理、中途不加价</p>
        <p class="ensure_p1">交易过程全程担保、平台仲裁交易问题、严格把控师傅质量、平台免费找师傅</p>
        <i class="azeasy"></i>
        <a target="_blank" href="page/mission.jsp">
            <div class="set_btn setbton" style="width: 260px;margin: 40px auto 50px auto!important;">马上发布任务找师傅</div>
        </a>
    </div>	
    
			<div class="footer-section">
			<div class="container">
				<div class="footer-grids">
					<div class="col-md-3 footer-grid">
						<h4>固定电话</h4>
					<ul>
						<li><i class="glyphicon glyphicon-earphone"
							aria-hidden="true"></i> Office : 0041-456-3692</li>
						
						
						
					</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h4>移动电话</h4>
						<ul>
							<li><i class="glyphicon glyphicon-phone" aria-hidden="true"></i>
							Mobile : 0200-123-4567</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h4>邮     件</h4>
						<ul>
							<li><i class="glyphicon glyphicon-envelope"
							aria-hidden="true"></i> <a href="#"><a
								href="mailto:info@example.com">info@example.com</a></a></li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h4>传     真 </h4>
						<ul>
							<li><i class="glyphicon glyphicon-print" aria-hidden="true"></i>
							Fax : 0091-789-456100</li>
						</ul>
					</div>
					</div>  <div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>	
    
</body>
<script src="layui/layui/layui.js" charset="utf-8"></script>
<script>
layui.use('element', function(){
  var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
  
  //监听导航点击
  element.on('nav(demo)', function(elem){
    //console.log(elem)
    layer.msg(elem.text());
  });
});
</script>
</html>